<!--  standard menu for each page  -->
<div style="text-align: center; ">
<img align="middle" alt="heder" src="/static/images/nanny-central.png" usemap="#Map" border="0">
       <map name="Map"> 
          <area shape="rect" coords="12,121,160,171" href="/forum">
          <area shape="rect" coords="180,115,323,173" href="/call">
          <area shape="rect" coords="337,110,482,173" href="/photo">
          <area shape="rect" coords="500,106,637,175" href="/file">
          <area shape="rect" coords="680,106,780,175" href="/onWire">
        </map>
</div>

<!-- FACEBOOK LOGIN -->
	 
    <fb:login-button autologoutlink="true" perms="user_birthday,user_education_history,user_hometown,user_location,user_work_history,email"></fb:login-button>

    {% if current_user %}
      <p><a href="{{ current_user.profile_url }}"><img src="http://graph.facebook.com/{{ current_user.fbid }}/picture?type=square"/></a> 
      Hello, {{ current_user.name|escape }}</p>
    {% endif %}

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '{{ facebook_app_id }}', status: true, cookie: true,
                 xfbml: true});
        FB.Event.subscribe('{% if current_user %}auth.logout{% else %}auth.login{% endif %}', function(response) {
          window.location.reload();
        });
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>	 